<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* 一般给body一个值指定全文大小，特殊的我们再额外进行修改 */
        /* body优先级是最后的，没有设置字体大小的按body来 */
        body {
            font-family: '宋体';
            font-size: 18px;
        }
        /* 标题标签比较特殊，不可用body指定大小，需要单独指定大小 */
        h3 {
            font-size: 32px;
            /* font-weight 可以把正常变粗也可以把标题的粗体变细 */
            /* normal=400 bold=700 */
            font-weight: 400;
        }
        em {
            /* font-style可以让斜体不倾斜，也可以让正常变倾斜：italic */
            font-style: normal;
        }
        div {
            /* font-style: italic;
            font-weight: 700;
            font-size: 16px;
            font-family: 'Microsoft yahei'; */
            /* 以上这些可以简写为：
            font: font-style font-weight font-size/line-height font-family; */
            /* 顺序不可以颠倒，font-size&&font-family不可以省略其他都可以 */
            font: italic 700 16px 'Microsoft yahei';
        }
    </style>
</head>
<body>
    <h3>蒹葭</h3>
    <p>蒹葭苍苍，白露为霜。所谓伊人，在水一方。溯洄从之，道阻且长。溯游从之，宛在水中央。</p>
    <p>蒹葭萋萋，白露未晞。所谓伊人，在水之湄。溯洄从之，道阻且跻。溯游从之，宛在水中坻。</p>
    <p>蒹葭采采，白露未已。所谓伊人，在水之涘。溯洄从之，道阻且右。溯游从之，宛在水中沚。</p>
    <em>这是一首诗</em><br />
    <div>这是一个不知名人士写的</div>
</body>
</html>